<!-- 
  script标签:   js逻辑 
  template标签：结构
  style标签： 样式 -->
<!--   在 script setup 中的顶层变量都可以在模板使用，数据，函数，组件。 -->
<script setup lang="ts">
//1.定义数据   数据驱动视图
let msg = "hello";
let arr = ["xx", "tt", "tt"];
</script>

<template>
  <div>
    xxxx
    <div>{{ msg }}</div>
    <div>{{ arr }}</div>
  </div>
</template>

<style scoped></style>
